<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <title>about</title>
     <!-- Demo styles -->
     <style>
      

    </style>
  <!-- 引用bootstrap核心css -->
  <link rel="stylesheet" href="../css/bootstrap.min.css">

  <!-- 引用动画库 -->
  <link rel="stylesheet" href="../css/animate.min.css">

  <!-- 引用重置样式表 -->
  <link rel="stylesheet/less" href="../css/reset.less">

  <!-- 引用公共样式 -->
  <link rel="stylesheet/less" href="../css/common.less">

  <!-- 引用该页面样式 -->
  <link rel="stylesheet/less" href="../css/about.less">
  <link rel="stylesheet" href="../css/swiper-bundle.min.css">
</head>

<body>
 <div class="warp">
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="log" href="../index.html">sh</a>
      </div>
  
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li ><a href="./woman.html" target="_blank"> Woman</a></li>
          <li> <a href="./man.html" target="_blank"> Man</a></li>
          <li> <a href="./kids.html" target="_blank"> Kids</a></li>
          <li> <a href="./comming.html" target="_blank"> Comming Soon</a></li>
          <li> <a href="./about.html" target="_blank">  About</a></li>
          <li class="dropdown">

          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="./login.html" target="_blank"><img src="../images/User.png" alt=""> <span>Log In</span> </a></li>
          <li><a href="./shopping.html" target="_blank"><img src="../images/Ellipse3.png" alt=""> <span>Basket(0)</span> </a></li>
          <li>  <a class="sousuo" href=""><div><img  src="../images/shousuo.png" alt=""></div></a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
    <div class="mbx">
        <p class="p1"><a href="../index.html">HOME</a>    /    <a href="">About</a></p>

    </div>
   <div class="top-title">
    
    <h1>About </h1>
    <p class="p2">Lorem ipsum dolor sit amet enim. Etiam ullamcorp uspendis</p>
   </div>
   <div class="mid">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <div><img src="../images/7.PNG" alt=""></div>
                    <div>
                      <h3>Who we are? </h3>
                      <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a
                          pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada
                          ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum
                          commodo volutpat a, convallis ac, laoreet enim.
                      </p>
                      <p>Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit
                          amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis
                          velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum.
                          Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, 
                      </p>
                          
                  </div>
                    
                  </div>
                  <div class="col-md-6 col-sm-12">
                    <div><img src="../images/8.PNG" alt=""></div>
                    <div>
                      <h3>Lorem ipsum dolor sit amet enim. Etiam ullam.</h3>
                      <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a
                          pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada
                          ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum
                          commodo volutpat a, convallis ac, laoreet enim.
                      </p>
                      <p>Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit
                          amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis
                          velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum.
                          Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, 
                      </p>
                  </div>
      
        
            </div>
        </div>

   </div>
   <div class="end-title">
    <h2>You may also like</h2>
   </div>
   <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
     
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  <div class="end">
    <div>
      <p>Collection</p>
      <ul>
        <li> <a href="">Woman (1725)</a> </li>
        <li> <a href="">Men (635)</a> </li>
        <li> <a href="">Kids (2514)</a> </li>
        <li> <a href="">Comming Soon (76)</a> </li>
      </ul>
    </div>
    <div>
      <p>Shop</p>
      <ul>
      
        <li> <a href="">About us</a> </li>
        <li> <a href="">Shipping Metods</a> </li>
        <li> <a href="">Career</a> </li>
        <li> <a href="">Contact </a> </li>
      </ul>
    </div>
    <div>
      <p>site</p>       
      <ul>
        <li> <a href="">Terms of Service</a> </li>
        <li> <a href="">Privacy Policy</a> </li>
        <li> <a href="">Copyright Policy </a> </li>
        <li> <a href="">Press Kit </a> </li>
      </ul>
    </div>
    <div>
      <p>social</p>  
      <ul>
        <li>Shoper is made with love in Warsaw, </li>
        <li>2014 &copy; All rights reserved </li>
        <li class="li-im">  
          <div> <img src="../images/Twittert.png" alt=""> </div>
          <div> <img src="../images/Facebook.png" alt=""> </div>
          <div> <img src="../images/Instagram.png" alt=""> </div>
        
        </li>
        
      </ul>
    </div>
  </div>
   </div>
 </div>
</body>

</html>
<script src="../js/jquery-3.5.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/wow.min.repeat.js"></script>
<script src="../js/less.min.js"></script>
<script src="../js/swiper-bundle.min.js"></script>
<script>
  //实例化wow.js
  new WOW().init();
  var swiper = new Swiper(".mySwiper", {
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });

</script>